<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                template="/WEB-INF/layout/template.xhtml">

    <ui:param name="pageClass" value="home"/>

    <ui:define name="content">
        <div class="section">

            <h1>#{bundles.messages.home_header}</h1>

            <p>#{bundles.messages.home_body}</p>

            <p>#{bundles.messages.home_note}</p>

            <!--
            <p>
               <a href="#" onclick="window.open('exp/introExp.html','exp','width=752,height=500,scrollbars=yes');">
                  What is Seam?
               </a>
            </p>

            <p>
               <a href="#" onclick="window.open('exp/loginExp.html','exp','width=752,height=500,scrollbars=yes');">
                  What happens when I login?
               </a>
            </p>
            -->

        </div>
    </ui:define>

    <ui:define name="sidebar">
        <h:form id="login" rendered="#{not identity.loggedIn}">
            <fieldset>
                <div>
                    <h:outputLabel for="username" value="#{bundles.messages.home_usernameLabel}"/>
                    <h:inputText id="username" value="#{credentials.username}" style="width: 175px;"/>
                    <div class="errors">
                        <h:message for="username"/>
                    </div>
                </div>
                <div>
                    <h:outputLabel for="password" value="#{bundles.messages.home_passwordLabel}"/>
                    <h:inputSecret id="password" value="#{credentials.password}" style="width: 175px;"/>
                </div>
            <span class="errors">
               <h:messages errorClass="error" styleClass="messages" id="messages" globalOnly="true"/>
            </span>

                <div class="buttonBox">
                    <h:commandButton id="login" action="#{identity.login}" value="#{bundles.messages.home_loginAction}"/>
                </div>
                <div class="notes">
                    <h:link id="register" outcome="/register.xhtml" value="#{bundles.messages.home_registerAction}"/>
                </div>
                <div class="subnotes">
                    #{bundles.messages.home_useDemoAccount}
                    <ul>
                        <li>shane/brisbane</li>
                        <li>dan/laurel</li>
                        <li>lincoln/charlotte</li>
                        <li>jose/brazil</li>
                    </ul>
                </div>
            </fieldset>
        </h:form>

    </ui:define>

</ui:composition>

